<template>
  <div class="big1">
    <!-- 头部 -->

    <!-- 内容部分 -->
    <div class="headerBox">
      <div class="headerBox">
        <div class="header">
          <x-icon type="ios-arrow-left" size="" class="icon-white" @click="$router.go(-1)"></x-icon>
          问题排查
        </div>
      </div>
      <!-- 内容部分 -->
    </div>
    <div class="safe_main" style="margin-top: 40px;">
      <div class="mainBox">
        <ul>
          <li @click="$router.push('./hiddenZg')">
            <img src="../../../static/images/hidden/rhidden@2x.png" alt="">
            <span>问题整改</span>
            <x-icon type="ios-arrow-right" size="30" class="icon-right"></x-icon>
          </li>
          <li @click="$router.push('./hiddenCheck')">
            <img src="../../../static/images/hidden/chidden@2x.png" alt="">
            <span>问题验收</span>
            <x-icon type="ios-arrow-right" size="30" class="icon-right"></x-icon>
          </li>
          <li @click="$router.push('./quanHidden')">
            <img src="../../../static/images/hidden/qhidden@2x.png" alt="">
            <span>问题查询</span>
            <x-icon type="ios-arrow-right" size="30" class="icon-right"></x-icon>
          </li>
          <li @click="$router.push('./statisticsHidden')">
            <img src="../../../static/images/hidden/shidden@2x.png" alt="">
            <span>问题统计</span>
            <x-icon type="ios-arrow-right" size="30" class="icon-right"></x-icon>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>
<script>
  export default {
    data (){
      return {
        params:{
          username:"",
          password:""
        }
      }
    },
    methods: {
      goBack(){
        this.$router.go(-1)
      },
    },
    created() {
    }
  }
</script>
<style lang="less" scoped>
  .big1{
    width: 100%;
    height: 100%;
    position: relative;
    .safe_main{
      height: 627px;
      width: 100%;
      .mainBox{
        width: 100%;
        height: 593px;
        background-color: #fff;
        ul{
          padding: 0 20px 20px;
          li{
            padding:20px 0 20px 20px;
            border-bottom:1px solid #eee;
            position: relative;
            img{
              width: 30px;
              height: 30px;
            }
            .vux-x-icon{
              fill:#999;
              float: right;
              margin-top: 1px;
            }
            span{
              font-size: 14px;
              position: absolute;
              left: 70px;
              top: 30px;
            }

          }
        }
      }
    }
    .weui-actionsheet{
      top: 30%;
      // width: 90%;
      // left: 20px;
      background-color:rgba(0,0,0,0);
    }
    .weui-actionsheet__menu{
      margin: 0 auto;
      width: 80%;
      // height: 200px;
      overflow-y: auto;
      line-height: 20px;
      border-radius: 10px;
    }
    .vux-actionsheet-menu-default{
      padding: 10px 20px!important;
      text-align: left;
      font-size: 16px;
    }
  }
</style>
